<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>

        <div class="pageheader">
            <div class="pageicon"><span class="iconfa-table"></span></div>
            <div class="pagetitle">
                <h5>Estadistica</h5>
                <h1>Listado Frecuencia</h1>
            </div>
        </div><!--pageheader-->
        
        
   		<div class="maincontent">
            <div class="maincontentinner">               	        
   				<h4 class="widgettitle">Data Table</h4>
                <table id="dyntable" class="table table-bordered ">
                    <colgroup>
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                    </colgroup>
                    <thead>
					<tr>
						<th class="head0">Rendering engine</th>
						<th class="head0">Browser</th>
						<th class="head0">Platform(s)</th>
						<th class="head0">Engine version</th>
						<th class="head0">CSS grade</th>
					</tr>
					</thead>
                    <tbody>
                        <tr class="gradeX">
                            <td>Trident</td>
                            <td>Internet Explorer 4.0</td>
                            <td>Win 95+</td>
                            <td>Win 95+</td>
                            <td>Win 95+</td>
                        </tr>
                     </tbody>									
			</table>    
                
            </div><!--maincontentinner-->
        </div><!--maincontent-->
        
<script type="text/javascript">
    /*    
$(document).ready(function() {
	$('#example').dataTable( {
		"ajax": "data/objects.txt",
		"columns": [
			{ "data": "name" },
			{ "data": "position" },
			{ "data": "office" },
			{ "data": "extn" },
			{ "data": "start_date" },
			{ "data": "salary" }
		]
	} );
} ); */
/*
$(document).ready(function() {
	var oTable = $('#dyntable').dataTable( {
        "sPaginationType": "full_numbers",
        "aaSortingFixed": [[0,'asc']],	
//		"bProcessing": true,
		"sAjaxSource": "data/arrays.txt"
	} );
} );
*/

$(document).ready(function() {
	var oTable = $('#dyntable').dataTable( {
        "sPaginationType": "full_numbers",
        "aaSortingFixed": [[0,'asc']],	
//		"bProcessing": true,
		"sAjaxSource": "listProductosJson",
		"sAjaxDataProp": "datos",
		"aoColumns": [
		              { "mData": "descripcion" },
		              { "mData": "pkProducto" }
		          ]
		
	});} );



</script>        
                